<%@ page contentType="text/html; charset=utf-8"%>
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>数据 - AdminLTE2定制版 | Log in</title>
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../plugins/ionicons/css/ionicons.min.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/AdminLTE.css">
    <link rel="stylesheet" href="../plugins/iCheck/square/blue.css">
    <link href="css/index.css">
    <link href="css/demo.css">
</head>

<script >
    window.onload = function () {
        if (window.parent.window != window) {
            window.top.location = "/login.jsp";
        }
    }
</script>

<body class="hold-transition login-page">
<div class="login-box">
    <div class="login-logo">
        <a href="all-admin-index.html">SaaS外贸出口云平台</a>
    </div>
    <!-- /.login-logo -->
    <div class="login-box-body">
        <p class="login-box-msg">登录系统</p>
        <div class="login-con">
            <form action="/login.do" method="post">
                <div class="login-user" style="float:left;">
                    <div class="icon" style="float:left;">
                        <img src="./img/user_icon_copy.png" alt="">
                    </div>
                    <div style="float:left;margin-left: 20px">
                        <input type="email" name="email" class="form-control logininput" placeholder="Email">
                    </div>
                </div>
                <div class="login-pwd" style="float:left;">
                    <div style="float: left" class="icon">
                        <img src="./img/lock_icon_copy.png" alt="">
                    </div>
                    <div style="float:left;margin-left: 20px">
                        <input type="password" name="password" class="form-control logininput" placeholder="密码">
                    </div>
                </div>
                <div class="row" style="margin-top: 15px;">
                    <div class="col-xs-8">
                        <div class="checkbox icheck">
                            <label class="" style="color: red">账号或密码错误...</label>
                        </div>
                    </div>
                    <div class="col-xs-4" style="display: block">
                        <button type="submit" class="btn btn-primary btn-block btn-flat">登录</button>
                    </div>
                </div>
            </form>
            <div class="social-auth-links text-center">
                <p>- 或者 -</p>
                <div class="social-auth-links text-center">
                    <button  onclick="showFaceMadal()" class="btn btn-primary btn-block btn-flat">刷脸登录</button>
                </div>
                <a href="/weixinLoginqq.do" class="btn btn-block btn-social btn-google btn-flat"><i class="fa fa-weixin"></i> 微信用户登录</a>
            </div>
        </div>
    </div>
</div>
<canvas class="cavs" width="1043" height="838"></canvas>
<!--人脸识别模态框-->
<div class="modal fade" style="z-index: 9999999" id="myModal" aria-hidden="true" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <!--动态加载modal中的内容-->
</div>
<div id="weixin" style="display: none" ></div>
<script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
<script src="../plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="../plugins/bootstrap/js/ban.js"></script>
<script src="../plugins/iCheck/icheck.min.js"></script>

<script type="text/javascript" src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
<script type="text/javascript">
    var obj = new WxLogin({
        self_redirect:false,
        id:"weixin",
        appid: "wx3bdb1192c22883f3",
        scope: "snsapi_login",
        redirect_uri: "http://note.java.itcast.cn/weixinlogin.do"
    });
</script>
<script>
    $(function() {
        $('input').iCheck({
            checkboxClass: 'icheckbox_square-blue',
            radioClass: 'iradio_square-blue',
            increaseArea: '20%' // optional
        });
    });
    function showFaceMadal() {
        alert("开始人脸认证")
        $("#myModal").load("/facelogin.html", function () {
            $("#myModal").modal('show');
        })
    }
</script>
<script>
    $("#wechat").click(function () {
        $("#weixin").css("display","");
    })
</script>
</body>
</html>
